.box{display: flex;flex-direction:column;}
.map{height: 900px;position: relative}
/*轨迹查询*/
.trajectory_search{width: 100%;border-bottom: #f5f5f5 15px solid;}
.trajectory_search .title,.driver_info .title{height: 30px;padding-left: 10px;font-size: 28px;line-height: 30px;border-left: #1aad19 5px solid;}
.trajectory_search ul{margin-left: 20px;margin-top: 90px;margin-bottom: 50px}
.trajectory_search ul li{margin: 20px 40px;}
.calendar{border-radius: 30px;height: 60px;background: #f5f5f5;position: relative}
.calendar span.icon{width: 0;height: 30px;display:inline-block;border-right: 1px solid #e9e9e9;position:absolute;top: 15px;left: 20% }
.calendar input.ipt-date{width: 75%;height: 100%;border: 0;padding-left: 25% ;font-size: 22px;background: url("../images/map/calendar.png") 10% 50% no-repeat;}
input.ipt-date::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #cccccc;opacity:  1;font-size: 22px;
}
input.ipt-date::-webkit-input-placeholder,input.ipt-date:-ms-input-placeholder { /* Internet Explorer 10-11 *//* WebKit, Blink, Edge */
    color:    #cccccc;font-size: 22px;
}
.search{border-radius: 30px;background: #1aad19;height: 60px;color: white;font-size: 30px;text-align: center;line-height: 30px;width: 100%;border: 0;cursor: pointer}
/*车辆信息*/
.driver_info {width: 100%;}
.driver_info .title{margin-top: 50px;margin-left: 60px}
.car_img{margin-top: 20px;margin-left: 60px;width: 430px;height: 244px}
.driver_info ul{margin-top: 25px;margin-left: 60px;margin-bottom: 45px}
.driver_info ul li{margin-top: 15px;font-size: 24px;line-height: 24px}
/*轨迹图*/
.trajectory_container{width: 92%;height: 85%;margin: 90px 50px 50px 30px }
#back{border: 0;background-color: #1691ff;position: absolute;bottom: 80px;right: 150px;width: 100px;height: 30px;color: white;font-size: 18px;display: none;cursor: pointer}
/****************************************车联网平台*************************************/
.fs20{font-size: 20px;line-height: 20px}
.fs26{font-size: 26px;line-height: 26px}
.h_100{height: 100%}
.w80{width: 80%}
.bs10{box-shadow:0 0 10px #d1d1d1;}
.bs20{box-shadow:0 0 20px #d1d1d1;}
.close{position:absolute;width:0.3em;height:30px;background: #333;left: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}
.close:after{content: "";position: absolute;top: 0;left: 0;width:0.3em;height:30px;background: #333;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
/*搜索*/
.search_plate{width: 41%;height: 100px;display: flex;flex-direction:row;position: absolute;top: 50px}
.car_plate{width: 67%;margin: 20px;background: white}
.car_plate .ipt-plate{display: inline-block;vertical-align: middle;height:100%;}
.car_plate input.ipt-plate{width: 80%;height:100%;border: 0;font-size: 26px;padding-left: 10%;color: #cccccc}
.car_plate .reset{border: 0;background: #1aad19;color: white;line-height: 130%;cursor: pointer;font-size: 26px;height: 100%;width: 100%;display: none}
.car_plate .icon{display: inline-block;height: 100%;background: url("../images/map/search.png") 50% 50% no-repeat;cursor: pointer}
.car_filter{width: 24%;padding-left: 5px;position: relative;background: white;}
.car_filter_m{margin: 20px 20px 20px 0;cursor: pointer}
.car_filter li{display: inline-block;margin-left: 15px }
.car_filter .icon{ background:url("../images/map/filter.png") 20% 50% no-repeat;height: 100%;width: 34px;}
.car_filter .icon-text{font-size: 26px;position: absolute;color: #1aad19;top: 12px;}
.car_filter .reset{position: absolute;top: 14px;font-size: 26px;left: 50%;display: none}
.car_filter .reset button{padding: 0 10px;border: 0;background: #1aad19;color: white;line-height: 130%;cursor: pointer;}
input.ipt-plate::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #cccccc;opacity:  1;font-size: 26px;
}
input.ipt-plate::-webkit-input-placeholder,input.ipt-plate:-ms-input-placeholder { /* Internet Explorer 10-11 *//* WebKit, Blink, Edge */
    color:    #cccccc;font-size: 26px;
}
/*筛选*/
.filter{width: 55%;height: 140px;padding: 20px;display: none;position: absolute;top: 50px;}
.filter>ul{height:100%;background-color: white}
.filter .title,.filter .content{width: 100%}
.filter .title{height: 43%;border-bottom: 1px solid #f0f0f0;position: relative}
.filter .filter-close{position: absolute;top: 15px;right: 0;display: inline-block;height: 30px;width: 10%;border-left: 1px solid #f0f0f0;}
.filter-close span{display: inline-block;width: 30px;height: 30px;position: absolute;right: 37.5%;cursor: pointer}
.filter .content{height: 57%}
.content ul{height: 100%}
.content li{height: 100%;padding-left: 30px;padding-top: 20px}
.content .text{font-size: 26px;height: 38px;margin-right: 15px;display: inline-block;line-height: 38px}
.content .layui-form-select{width: 70%;font-size: 26px;display: inline-block}
.content .layui-btn{font-size: 26px;width: 100%;background-color: #1aad19}
/*统计信息*/
.net-platform{padding: 50px;height: 800px;position: relative}
.container{width: 100%;height: 100%;position: relative;background: white;}
.car_global{position: absolute;bottom: 50px;right: 50px;width: 315px;height: 245px;background-color: white}
.car_global ul{margin: 35px 40px}
.car_global ul li{margin-top: 28px;padding-left: 55px}
.car_global ul li:first-child{padding-left: 0}
.car_global ul li.offline{background: url("../images/map/offline_car.png") 0 50% no-repeat;}
.car_global ul li.order{background: url("../images/map/order_taking.png") 0 50% no-repeat;}
.car_global ul li.trip{background: url("../images/map/trip.png") 0 50% no-repeat;}

/******************************************地图参数********************************************/

#loadingTip {position: absolute;z-index: 9999;top: 0;right: 0;padding: 3px 10px;background: red;color: #fff;font-size: 18px;}
.info {box-shadow: 0 0 5px #d1d1d1;width: 260px;height: 190px;padding: 0 20px;border-radius: 10px;position: relative;background-color: white}
.left-arrow {display :inline-block;position: absolute;top: 15px}
.left-arrow-a {display: inline-block;content: " ";height: 20px;width: 20px;border-width: 0;box-shadow: 0 0 5px #d1d1d1;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position: absolute;left: -30px;margin-top: -5px;z-index:10;background-color: white;
}
.i-arrow{display: inline-block;height: 30px;width: 20px;border: 0;position: absolute;top: -10px;left: -20px;z-index:11;background-color: white;}
.info-top {width: 100%;padding: 5px 0;height: 40px;border-bottom: 1px solid #f0f0f0;position: relative}
.info-top .top-title{color: #1aad19;font-size: 22px;line-height: 40px;display: inline-block}
.info-top .top-btn{color: white;font-size: 18px;line-height: 40px;display: inline-block;height: 40px;text-align: center;
    background-color: #1aad19;border-radius: 5px;padding: 0 10px;position: absolute;right: 0;}
.info-top .top-btn:hover{cursor: pointer}
.info-middle {margin: 15px 0;height: 110px}
.info-middle li{margin-top: 10px;color: #111111;font-size: 18px;line-height: 20px}